<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
            font-size: 24px;
        }
        p{color: aqua;} /* 0 0 0 1*/
        .para{color: #000;} /* 0 0 1 0*/
        .inner p{color: pink;} /* 0 0 1 1*/
        /* .main p */
        .main p[class*='para'] {color: bisque;} /*0 0 2 0 */
        .main p[class*='para1'] {color: blue;} /*0 0 2 1*/

        .inner p:nth-child(4) {color: greenyellow;} /*0 0 2 0*/
    </style>
</head> 
<body>
    <div class="main">
        <div id="app" class="inner">
            <p class="para para1">床前明月光</p>
            <p>疑是地上霜</p>
            <p>举头望明月</p>
            <p>疑是地上霜</p>
        </div>
    </div>
</body>
</html>